<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>Title</title>
    <link rel="stylesheet" href="/components/bootstrap/dist/css/bootstrap.css">
    <link rel="stylesheet" href="/css/medias.css">
    <link rel="stylesheet" href="/css/shopCart.css">

    <script src="/components/jquery/dist/jquery.js"></script>
    <script src="/components/bootstrap/dist/js/bootstrap.js"></script>
    <script src="/components/angular/angular.js"></script>
    <script src="/components/angular-ui-router/release/angular-ui-router.js"></script>

</head>
<body>

<!--购物车-->
<div class="cartcart" ng-repeat="item in shoppinglists ">
    <div class="shop-cart">
        <!--购物车头部-->
        <div class="shop-top">
            <ul class="cart-top">
                <li class="go-back">返回</li>
                <li class="cart-title">购物车</li>
                <li class="home">首页</li>
            </ul>
        </div>
        <!--购物车信息-->
        <div class="cart-model">
            <ul class="pro-info">
                <li class="pro-cir"></li>
                <li class="pro-img">
                    <img src={{item.imgSrc}} alt="">
                </li>
                <li class="pro-tt">
                    <div class="pro-title"><a href="">{{item.content}}悠漫（Lancaster）原味香纯奶焙糖 400g 高级礼盒装</a>
                    </div>
                    <div class="pro-weight">重量：{{item.weight}}</div>
                </li>
                <li class="pro-price-del" ng-click="delpro()">
                    <div class="pro-price">￥：{{item.price}}</div>
                    <div class="pro-del">delete</div>
                </li>
            </ul>
            <div class="pro-counts">
                <span>选择数量：</span>
                <span class="sub">-</span>
                <span class="counts">{{item.count}}</span>
                <span class="plus">+</span>
            </div>
        </div>

        <!--购物车提交-->
        <div class="cart-submit">
            <div class="cart-total">总计：￥0</div>
            <div class="btn btn-info cart-sum">结算</div>
    </div>
</div>
<!--购物车结束-->
<script>
    $(document).ready(function(){
        var index=0;
        $(".pro-cir").click(function(){
            index++;
            if(index%2==1){
                $(this).css("background-position-y", "0");
            }else {
                $(this).css("background-position-y", "-20px");
            }
        })

        $('.btn.btn-info.cart-sum').click(function () {
            alert('结算成功。')
            history.back();
        })
    })
</script>

</body>
</html>